.case-detail{
  //padding-bottom: 68rpx;
}

.case-swiper-box{
  position: relative;
  .swiper-content{
    width: 100%;
    height: 484rpx;
    .item{
      width: 100%;
      height: 100%;
      .slide-image{
        width: 100%;
        height: 100%;
      }
    }
  }
  .item-num{
    z-index: 9;
    position: absolute;
    bottom: 16rpx;
    right: 32rpx;
    width: 64rpx;
    height: 40rpx;
    background: #000000;
    border-radius: 20px;
    opacity: 0.4;
    font-size: 24rpx;
    color: #FFFFFF;
    line-height: 40rpx;
    text-align: center;
  }
}


.indexShow{
  position: absolute;
  right: 20rpx;
  bottom: 20rpx;
  background:rgba(255,255,255,0.31);
  color: #FFF;
  font-size: 24rpx;
  padding: 5rpx 30rpx;
  border-radius: 30rpx;
}


.case-detail-content{
  background: #F7F7F7;
  padding: 24rpx 32rpx;
}


.works-detail-info{
  padding: 16rpx 24rpx 32rpx;
  background: #FFFFFF;
  border-radius: 8rpx;
  position: relative;
  >.detail-info-price{
    font-size: 36rpx;
    color: #FF9934;
    line-height: 50rpx;
    margin-bottom: 16rpx;
    >view{
      display: inline;
      font-size: 52rpx;
      line-height: 74rpx;
    }
  }
  >.tag-list{
    margin-bottom: 16rpx;
    display: flex;
    justify-content: space-between;
    >.icon{
      font-size: 24rpx;
      color: #8C8C8C;
      line-height: 32rpx;
    }
  }
  >.works-title{
    font-size: 32rpx;
    color: #262626;
    line-height: 44rpx;
    margin-bottom: 32rpx;
  }
  >.num-list{
    display: flex;
    justify-content: space-between;
    >view{
      font-size: 24rpx;
      color: #8C8C8C;
      line-height: 32rpx;
    }
  }
  >.img-into{
    position: absolute;
    top: 32rpx;
    right: 0;
    width: 98rpx;
    height: 44rpx;
  }
  .label{
    height: 32rpx;
    padding: 0 8rpx;
    background: #F5F5F5;
    border-radius: 4rpx;
    font-size: 24rpx;
    color: #8C8C8C;
    line-height: 32rpx;
    text-align: center;
  }
}

.case-title{
  font-size: 32rpx;
  color: #262626;
  line-height: 44rpx;
  margin-bottom: 24rpx;
}

.case-describe{
  background: #FFFFFF;
  border-radius: 8rpx;
  padding: 24rpx;
  margin: 24rpx 0;
}

.other-case{
  background: #FFFFFF;
  border-radius: 8rpx;
  padding: 24rpx;
  margin-bottom: 68rpx;
  >.other-case-item{
    .talent-case{
      padding: 24rpx 0;
      border-bottom: 2rpx solid #F0F0F0;
    }
  }
  >.other-case-item:last-child{
    .talent-case{
      border-bottom: none;
    }
  }
}
